﻿<Page
    x:Name="page"
    x:Class="TISensorTag.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:TISensorTag"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>
        <StackPanel VerticalAlignment="Top" Orientation="Vertical">

            <Rectangle Fill="White" Height="2" Margin="0,2" />

            <!--Thermometer-->
            <StackPanel Margin="4" HorizontalAlignment="Left" Orientation="Horizontal">
                <Border VerticalAlignment="Top" Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="70" Height="70">
                    <Image Source="/imgs/termometer.png" Stretch="UniformToFill"/>
                </Border>
                <StackPanel VerticalAlignment="Top" Margin="20,0,0,0">
                    <TextBlock Text="Thermometer" Style="{StaticResource TitleTextBlockStyle}" TextWrapping="NoWrap"/>
                    <TextBlock x:Name="thermometer" Margin="20,0,0,0" Text="..." Style="{StaticResource BodyTextBlockStyle}"/>
                </StackPanel>
            </StackPanel>
            
            <Rectangle Fill="White" Height="2" Margin="0,2" />
            
            <!--Accelerometer-->
            <StackPanel Margin="4" HorizontalAlignment="Left" Orientation="Horizontal">
                <Border VerticalAlignment="Top" Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="70" Height="70">
                    <Image Source="/imgs/accelerometer.png" Stretch="UniformToFill"/>
                </Border>
                <StackPanel VerticalAlignment="Top" Margin="20,0,0,0">
                    <TextBlock Text="Accelerometer" Style="{StaticResource TitleTextBlockStyle}" TextWrapping="NoWrap"/>
                    <TextBlock x:Name="accelerometer" Margin="20,0,0,0" Text="..." Style="{StaticResource BodyTextBlockStyle}"/>
                </StackPanel>
            </StackPanel>

            <Rectangle Fill="White" Height="2" Margin="0,2" />

            <!--Humidity-->
            <StackPanel Margin="4" HorizontalAlignment="Left" Orientation="Horizontal">
                <Border VerticalAlignment="Top" Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="70" Height="70">
                    <Image Source="/imgs/humidity.png" Stretch="UniformToFill"/>
                </Border>
                <StackPanel VerticalAlignment="Top" Margin="20,0,0,0">
                    <TextBlock Text="Humidity" Style="{StaticResource TitleTextBlockStyle}" TextWrapping="NoWrap"/>
                    <TextBlock x:Name="humidity" Margin="20,0,0,0" Text="..." Style="{StaticResource BodyTextBlockStyle}"/>
                </StackPanel>
            </StackPanel>

            <Rectangle Fill="White" Height="2" Margin="0,2" />

            <!--Magnetometer-->
            <StackPanel Margin="4" HorizontalAlignment="Left" Orientation="Horizontal">
                <Border VerticalAlignment="Top" Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="70" Height="70">
                    <Image Source="/imgs/magnetometer.png" Stretch="UniformToFill"/>
                </Border>
                <StackPanel VerticalAlignment="Top" Margin="20,0,0,0">
                    <TextBlock Text="Magnetometer" Style="{StaticResource TitleTextBlockStyle}" TextWrapping="NoWrap"/>
                    <TextBlock x:Name="magnetometer" Margin="20,0,0,0" Text="..." Style="{StaticResource BodyTextBlockStyle}"/>
                </StackPanel>
            </StackPanel>

            <Rectangle Fill="White" Height="2" Margin="0,2" />

            <!--Barometer-->
            <StackPanel Margin="4" HorizontalAlignment="Left" Orientation="Horizontal">
                <Border VerticalAlignment="Top" Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="70" Height="70">
                    <Image Source="/imgs/barometer.png" Stretch="UniformToFill"/>
                </Border>
                <StackPanel VerticalAlignment="Top" Margin="20,0,0,0">
                    <TextBlock Text="Barometer" Style="{StaticResource TitleTextBlockStyle}" TextWrapping="NoWrap"/>
                    <TextBlock x:Name="barometer" Margin="20,0,0,0" Text="..." Style="{StaticResource BodyTextBlockStyle}"/>
                </StackPanel>
            </StackPanel>

            <Rectangle Fill="White" Height="2" Margin="0,2" />

            <!--Gyroscope-->
            <StackPanel Margin="4" HorizontalAlignment="Left" Orientation="Horizontal">
                <Border VerticalAlignment="Top" Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}" Width="70" Height="70">
                    <Image Source="/imgs/gyroscope.png" Stretch="UniformToFill"/>
                </Border>
                <StackPanel VerticalAlignment="Top" Margin="20,0,0,0">
                    <TextBlock Text="Gyroscope" Style="{StaticResource TitleTextBlockStyle}" TextWrapping="NoWrap"/>
                    <TextBlock x:Name="gyroscope" Margin="20,0,0,0" Text="..." Style="{StaticResource BodyTextBlockStyle}"/>
                </StackPanel>
            </StackPanel>

            <Rectangle Fill="White" Height="2" Margin="0,2" />
        </StackPanel>   
    </Grid>

    <Page.BottomAppBar>
        <CommandBar>
            <AppBarButton x:Uid="btnDevSel" x:Name="btnDevSel" Label="Select Dev." Icon="SelectAll" Click="btnDevSel_Click" />
            <AppBarButton x:Uid="btnConnect" x:Name="btnConnect" Label="Connect2Dev" Icon="Add" Click="btnConnect_Click" />
            <AppBarButton x:Uid="btnDataTransfer" x:Name="btnDataTransfer" Label="Send2Azure" Icon="Send" Click="btnDataTransfer_Click" />
            <AppBarButton x:Uid="btnSettings" x:Name="btnSettings" Label="Settings" Icon="Setting" Click="btnSettings_Click" />
        </CommandBar>
    </Page.BottomAppBar>
</Page>
